<template>
  <view class="verulia-layout">
    <!-- 导航栏 -->
    <uv-navbar title="首页" left-icon="" :placeholder="true"></uv-navbar>
    <view class="verulia-layout__body">
      <!-- 轮播图 -->
      <uv-swiper :loading="swiperLoading" :list="list" indicator indicator-mode="dot" circular></uv-swiper>

      <!-- 日程日历 -->
      <view class="cu-bar bg-white solid-bottom">
        <view class="action">
          <text class="cuIcon-titles text-blue"></text>
          日程情况
        </view>
        <view class="action">
          <!-- 签到 -->
          <!--          <switch class="sm" style="transform:scale(0.7)"></switch>-->
        </view>
      </view>
      <view class="cu-card no-card case">
        <view class="cu-item shadow">
          <uv-calendars insert />
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>

const { proxy } = getCurrentInstance() as ComponentInternalInstance

/** 轮播图 */
const swiperLoading = ref(false);
const list = ref([
  'https://cdn.uviewui.com/uview/swiper/swiper1.png',
  'https://cdn.uviewui.com/uview/swiper/swiper2.png',
  'https://cdn.uviewui.com/uview/swiper/swiper3.png'
])

onLoad(() => {
})
</script>

<style lang="scss" scoped>
.duty-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.corner-div {
  width: 120px;
  color: #fff; /* 文字颜色 */
  padding: 6px; /* 内边距 */
  position: absolute; /* 绝对定位 */
  top: 5px; /* 距离页面顶部的距离 */
  right: -38px; /* 距离页面右侧的距离 */
  transform: rotate(45deg); /* 旋转标签 */
  white-space: nowrap; /* 防止文本换行 */
  font-size: 14px; /* 字体大小 */
  text-align: center; /* 文本居中 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
}
</style>
